/* 
 * javascript for validating form input
 * Creator : Rachmat Arifin
 */
function validate_login(form) {
	var username = form.username.value;
	var usernameRegex = /^[a-zA-Z0-9._]+$/;

	if (username == ""){
		inlineMsg('username','Masukkan username anda.',2)
		return false;
	}

	if (username.length < 5) {
        inlineMsg('username', 'User name minimal terdiri atas 5 karakter.', 2);
        return false;
        }

        if (!username.match(usernameRegex)) {
            inlineMsg('username', 'Username hanya terdiri atas huruf, angka, titik, dan underscore.', 2);
            return false;
        }

	return true;
}

function validate_signup(form) {
    var name = form.name.value;
    var username = form.username.value;
    var password = form.password.value;
    var confirm_password = form.confirm_password.value;
    var address = form.address.value;
//    var city = form.city.value;
    var email = form.email.value;
    var phone = form.phone.value;

    var nameRegex = /^[a-zA-Z]+([\s][a-zA-Z]+)*$/;
    var usernameRegex = /^[a-zA-Z0-9._]+$/;
    var emailRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;
    var phoneRegex = /^[0-9]+$/;
    
    if (name == "") {
        inlineMsg('name', 'Anda harus memasukkan nama.', 2);
        return false;
    }

    if (name.length < 5) {
        inlineMsg('name', 'Nama minimal terdiri atas 5 karakter.', 2);
        return false;
    }

    if (!name.match(nameRegex)) {
        inlineMsg('name', 'Nama hanya boleh terdiri atas huruf dan spasi.', 2);
        return false;
    }

    if (username == "") {
        inlineMsg('username', 'Anda harus memasukkan username.', 2);
        return false;
    }

    if (username.length < 5) {
        inlineMsg('username', 'User name minimal terdiri atas 5 karakter.', 2);
        return false;
    }

    if (!username.match(usernameRegex)) {
        inlineMsg('username', 'Nama hanya boleh terdiri atas huruf, angka, titik, dan underscore.', 2);
        return false;
    }

    if (password == "") {
        inlineMsg('password', 'Anda harus memasukkan password.', 2);
        return false;
    }

    if (password.length < 5) {
        inlineMsg('password', 'Password minimal terdiri atas 6 karakter.', 2);
        return false;
    }

    if (confirm_password != password) {
        inlineMsg('confirm_password', 'Password tidak cocok.', 2);
        return false;
    }

    if (email == "") {
        inlineMsg('email','Anda harus memasukkan email.',2);
        return false;
    }

    if (!email.match(emailRegex)) {
        inlineMsg('email','Email yang Anda masukkan tidak sah.',2);
        return false;
    }

    if (address == "") {
        inlineMsg('address', 'Anda harus memasukkan alamat.', 2);
        return false;
    }

    if (phone.length > 15) {
        inlineMsg('phone', 'Nomor telepon yang Anda masukkan terlalu panjang.', 2);
        return false;
    }

    if (!phone.match(phoneRegex)) {
        inlineMsg('phone','Nomor telepon yang Anda masukkan tidak sah.',2);
        return false;
    }

    return true;
}

function validate_edit(form) {
    var name = form.name.value;
    var address = form.address.value;
    var city = form.city.value;
    var email = form.email.value;

    var nameRegex = /^[a-zA-Z]+([\s][a-zA-Z]+)*$/;
    var emailRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;
    
    if (name == "") {
        inlineMsg('name', 'Anda harus memasukkan nama.', 2);
        return false;
    }

    if (name.length < 5) {
        inlineMsg('name', 'Nama minimal terdiri atas 5 karakter.', 2);
        return false;
    }

    if (!name.match(nameRegex)) {
        inlineMsg('name', 'Nama hanya boleh terdiri atas huruf dan spasi.', 2);
        return false;
    }

    if (email == "") {
        inlineMsg('email','Anda harus memasukkan email.',2);
        return false;
    }

    if (!email.match(emailRegex)) {
        inlineMsg('email','Email yang Anda masukkan tidak sah.',2);
        return false;
    }

    if (address == "") {
        inlineMsg('address', 'Anda harus memasukkan alamat.', 2);
        return false;
    }

    return true;
}


var MSGTIMER = 20;
var MSGSPEED = 5;
var MSGOFFSET = 3;
var MSGHIDE = 3;

function inlineMsg(target,string,autohide) {
    var msg;
    var msgcontent;
    if(!document.getElementById('msg')) {
        msg = document.createElement('div');
        msg.id = 'msg';
        msgcontent = document.createElement('div');
        msgcontent.id = 'msgcontent';
        document.body.appendChild(msg);
        msg.appendChild(msgcontent);
        msg.style.filter = 'alpha(opacity=0)';
        msg.style.opacity = 0;
        msg.alpha = 0;
    } else {
        msg = document.getElementById('msg');
        msgcontent = document.getElementById('msgcontent');
    }
    msgcontent.innerHTML = string;
    msg.style.display = 'block';
    var msgheight = msg.offsetHeight;
    var targetdiv = document.getElementById(target);
    targetdiv.focus();
    var targetheight = targetdiv.offsetHeight;
    var targetwidth = targetdiv.offsetWidth;
    var topposition = topPosition(targetdiv) - ((msgheight - targetheight) / 2);
    var leftposition = leftPosition(targetdiv) + targetwidth + MSGOFFSET;
    msg.style.top = topposition + 'px';
    msg.style.left = leftposition + 'px';
    clearInterval(msg.timer);
    msg.timer = setInterval("fadeMsg(1)", MSGTIMER);
    if(!autohide) {
        autohide = MSGHIDE;
    }
    window.setTimeout("hideMsg()", (autohide * 1000));
}

function hideMsg(msg) {
    var msg = document.getElementById('msg');

    if(!msg.timer) {
        msg.timer = setInterval("fadeMsg(0)", MSGTIMER);
    }
}

function fadeMsg(flag) {
    if(flag == null) {
        flag = 1;
    }
    var msg = document.getElementById('msg');
    var value;
    if(flag == 1) {
        value = msg.alpha + MSGSPEED;
    } else {
        value = msg.alpha - MSGSPEED;
    }
    msg.alpha = value;
    msg.style.opacity = (value / 100);
    msg.style.filter = 'alpha(opacity=' + value + ')';
    if(value >= 99) {
        clearInterval(msg.timer);
        msg.timer = null;
    } else if(value <= 1) {
        msg.style.display = "none";
        clearInterval(msg.timer);
    }
}

function leftPosition(target) {
    var left = 0;
    if(target.offsetParent) {
        while(1) {
            left += target.offsetLeft;
            if(!target.offsetParent) {
                break;
            }
            target = target.offsetParent;
        }
    } else if(target.x) {
        left += target.x;
    }
    return left;
}

function topPosition(target) {
    var top = 0;
    if(target.offsetParent) {
        while(1) {
            top += target.offsetTop;
            if(!target.offsetParent) {
                break;
            }
            target = target.offsetParent;
        }
    } else if(target.y) {
        top += target.y;
    }
    return top;
}

if (document.images) {
    arrow = new Image(7,80);
    arrow.src = "./assets/img/msg_arrow.gif";
}

